<template>
   <el-container  style="height: 100%;">
     <el-aside style="width: auto;background-color: #304156;"><Left></Left></el-aside>
     <el-container>
       <el-header><Head></Head></el-header>
       <!-- <Tag></Tag> -->
       <el-main><router-view></router-view></el-main>
       <el-footer>
         <span class="foot">@CopyRight{{jzCurrentYear}}版权所有</span>
       </el-footer>
     </el-container>
   </el-container>
</template>

<script>
import Left from './components/Left';
import Head from './components/Head';
import Tag  from './components/Tag';
export default {
  name:"Main",
  components: {
    Left,
    Head,
    Tag
  },
  data(){
    return{
        jzCurrentYear: 2023
      }
  }
}
</script>

<style>
   .el-header{
    box-shadow: 0 1px 4px rgba(0,21,41,.08);
   }
   .el-footer {
      background-color: #fff;
      color: #333;
      text-align: center;
      line-height: 60px;
    }
    .el-footer .foot{
      font-size: 15px;
      font-weight: 400;
    }

    .el-main {
      background-color: #E9EEF3;
      color: #333;
    }

</style>
